<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
    <head>
        <title>讲师列表</title>
        <div data-th-replace="layout/head"></div>
        <link rel="stylesheet" th:href="@{{path}/common/webuploader/webuploader.css?v={v}(path=${staticPath}, v=${v})}">
    </head>

    <body>
    <!-- top bar -->
    <header class="bar bar-nav">
        <a class="button button-link button-nav pull-left goBack" href="javascript:history.back()">
            <span class="iconfont icon-fanhui"></span>
        </a>
        <h1 class='title title-white'>讲师列表</h1>
    </header>
    <!-- top bar end-->
    <!--<div data-th-replace="layout/menu"></div>-->
    <!--主体区域 开始-->
    <div class="content wm-content ovf">
        <article>
            <div class="page-infinite__wrap exam-page__wrap">
                <div class="page-group">
                    <div id="page-infinite-scroll-bottom" class="page page-current">
                        <div class="content infinite-scroll native-scroll" data-type='native' data-distance="100">
                            <div class="teachers-list__wrap">
                                <div class="list-block no-mt">
                                    <ul class="list-container" id="teacher-list-box">

                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </article>
    </div>
    <!--主体区域 结束-->

    <!--提问 Popup 开始-->
    <div class="popup popup-about toQuestionPopup">
        <header class="bar bar-nav">
            <button class="button button-link button-nav pull-left close-popup"><span class="iconfont icon-guanbi ml5"></span></button>
            <button id="save-question" class="button button-link button-nav pull-right"><span class="mr5">提交</span></button>
            <h1 class="title">提出问题</h1>
        </header>
        <div class="content">
            <div class="content-padded tqPopContent">
                <div class="list-block no-mt">
                    <form id="question-form">
                        <input type="hidden" id="teacher-id" name="teacherId"/>
                        <input type="hidden" id="isQuestion"/>
                        <input type="hidden" id="questionFee"/>
                        <input type="hidden" id="teacher_name"/>
                        <input type="hidden" id="imageStr" name="imageStr"/>
                        <ul>
                            <li>
                                <div class="item-link item-content">
                                    <div class="item-inner">
                                        <div class="item-title fs7">问题分类</div>
                                        <div class="item-input">
                                            <input type="hidden" id="question-type" name="typeId"/>
                                            <input type="text" id="questionType"/>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <div class="item-content tqPopTxtarea">
                                    <div class="item-input quiz-input">
                                        <textarea id="question-context" name="context" placeholder="问题描述，简洁、明了，最多200个字"></textarea>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <div class="item-content pt5">
                                    <div class="clearfix tqImgWrap" id="tqImgWrap"></div>
                                </div>
                            </li>
                            <li>
                                <div class="item-content pt5" >
                                    <div class="item-input">
                                        <div id="question-upload-box" class="mobile-upload">
                                            <span class="icon icon-picture vam"></span>
                                            选择图片
                                        </div>
                                    </div>
                                    <div class="item-after">
                                        <span class="vam fs6 c-888">添加图片，最多4张</span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                        <ul>
                            <li>
                                <div class="item-content">
                                    <div class="item-inner">
                                        <div class="item-title fs6 c-888">隐私提问，不被看到</div>
                                    </div>
                                    <div class="item-input text-right mr5">
                                        <label class="label-switch label-switch-small">
                                            <input type="hidden" name="privacy"/>
                                            <input type="checkbox" id="privacy"/>
                                            <div class="checkbox"></div>
                                        </label>
                                    </div>
                                </div>
                            </li>
                            <li class="ml5 mr5">
                                <div class="mt5 pt5"><strong class="fs4 c-666">付费提问说明</strong></div>
                                <div class="mt5"><span class="fs4 c-888">1、直接向平台讲师提出问题，可在设定时间周期内获得回答，如设定时间周期内无专业答案，问答费用将退回至您的个人账户</span></div>
                                <div class="mt5"><span class="fs4 c-888">2、讲师回答后，其它学员同样需要支付围观费用，此围观费用部分比例将会以你的问答收益获得</span></div>
                            </li>
                        </ul>
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!--提问 Popup 结束-->

    <div data-th-replace="layout/footer"></div>
    <script type="text/javascript" th:src="@{{path}/front/mobile/libs/zepto/deferred.js?v={v}(path=${staticPath}, v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/mobile/libs/zepto/callbacks.js?v={v}(path=${staticPath}, v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/common/webuploader/webuploader.min.js?v={v}(path=${staticPath}, v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/mobile/business/upload/mobile-upload-common.js?v={v}(path=${staticPath}, v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/mobile/business/teacher/teacher-list.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script type="text/javascript" th:src="@{{path}/front/mobile/business/qa/question/to-saveQuestion.js?v={v}(path=${staticPath},v=${v})}"></script>
    </body>
</html>
